<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>Bootstrap 101 Template</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
    <link href="css/main.css" rel="stylesheet" media="screen">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="css/bootstrap-responsive.css" rel="stylesheet">

    <!-- <svg xmlns="http://www.w3.org/2000/svg" version="1.1" height="0">
            <filter id="A">
              <feGaussianBlur stdDeviation="2" />
            </filter>
          </svg> -->
  </head>
  <body>
    <div id="bg_header"></div>
    <!-- <img id="bg" src="" alt="" style="position: fixed; left: 0; top: 0; z-index:-1;" /> -->
    <div id="index_title">
      <img src="img/logo_large.png" style="max-width:297px; width:100%;">
    </div>
    <div id="index_block">
      <div class="row-fluid">
        <div class="span5">
          <form class="form-horizontal" style="margin-left: -84px;">
            <div class="control-group">
              <div class="controls">
               <h3 style="color:#BCBCBC">Inscrivez-vous !</h3>
              </div>
            </div>
            <div class="control-group">
              <label class="control-label" for="inputEmail">Email</label>
              <div class="controls">
                <input type="text" id="inputEmail" placeholder="Email">
              </div>
            </div>
            <div class="control-group">
              <label class="control-label" for="inputPassword">Nom</label>
              <div class="controls">
                <input type="text" id="inputNom" placeholder="Nom">
              </div>
            </div>
            <div class="control-group">
              <label class="control-label" for="inputPassword">Prénom</label>
              <div class="controls">
                <input type="text" id="inputPrenom" placeholder="Prénom">
              </div>
            </div>
            <div class="control-group">
              <div class="controls">
                <button type="submit" class="btn btn-success">Envoyer</button>
              </div>
            </div>
          </form>
        </div>
        <div class="span1"><img src="img/ou.png"></div>
        <div class="span5" style="">
          <center>
          <div class="input-append" style="margin-top:32px;">
            <h3 style="color:#BCBCBC">Connectez-vous directement !</h3>
            <img src="img/facebook_connect.png" alt="Connectez-vous avec Facebook" title="Connectez-vous avec Facebook" />
          </div>
          </center>
        </div>
      </div>

    <script src="js/jquery.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/fittext.js"></script>
    <script type="text/javascript">
    /*(function() {
      

      var win = $(window);

      win.resize(function() {
          
          var win_w = win.width(),
              win_h = win.height(),
              $bg    = $("#bg");

          // Load narrowest background image based on 
          // viewport width, but never load anything narrower 
          // that what's already loaded if anything.
          var available = [
            1024, 1280, 1366,
            1400, 1680, 1920,
            2560, 3840, 4860
          ];

          var current = $bg.attr('src').match(/([0-9]+)/) ? RegExp.$1 : null;
          
          if (!current || ((current < win_w) && (current < available[available.length - 1]))) {
            
            var chosen = available[available.length - 1];
            
            for (var i=0; i<available.length; i++) {
              if (available[i] >= win_w) {
                chosen = available[i];
                break;
              }
            }
            
            // Set the new image
            $bg.attr('src', 'img/bg/' + chosen + '.jpg');
            
            // for testing...
            // console.log('Chosen background: ' + chosen);
            
          }

          // Determine whether width or height should be 100%
          if ((win_w / win_h) < ($bg.width() / $bg.height())) {
            $bg.css({height: '100%', width: 'auto'});
          } else {
            $bg.css({width: '100%', height: 'auto'});
          }
          
        }).resize();
        
      })(jQuery);*/

      /*jQuery("#responsive_text").fitText(1, { minFontSize: '12px', maxFontSize: '20px' });
      jQuery("#responsive_text2").fitText(1, { minFontSize: '7px', maxFontSize: '20px' });*/
    </script>
  </body>
</html>  